<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1,imum-scale=1">
		<title>素材二</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="utlit/bootstrap3.3.5/css/bootstrap.css">
		<script src="utlit/bootstrap3.3.5/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="utlit/bootstrap3.3.5/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="utlit/bootstrap3.3.5/js/imagpro.min.js" type="text/javascript"></script>
		<script src="utlit/spotlight.bundle.js"></script>
	</head>
	<body>
		<div class="home">
			<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target="#example-navbar-collapse">
							<span class="sr-only">切换导航</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand active" href="index.html">首页</a>
					</div>
					<div class="collapse navbar-collapse" id="example-navbar-collapse">
						<ul class="nav navbar-nav">
							<li><a href="Materialone.html">素材一</a></li>
							<li><a href="materialtwo.html">素材二</a></li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									更多 <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li><a href="#">故宫七日游</a></li>
									<li><a href="#">长城七日游</a></li>
									<li><a href="#">八达岭野生动物园</a></li>
									<li class="divider"></li>
									<li><a href="#">我的家人</a></li>
									<li class="divider"></li>
									<li><a href="#">家庭聚会</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
		<div class="home-Photo container spotlight-group">
			<div class="home-Photo-max-totie" onclick="routerClick()">- 北京郊游 -</div>
			<div class="home-Photo-max-imgbox row">
				<div class="home-Photo-max-imgbox-code col-xs-6 col-sm-3 col-md-3 col-lg-3">
					<div class="home-Photo-max-imgbox-code-imgs">
						<img class="home-Photo-max-imgbox-code-img spotlight" src="img/cs.jpeg" />
					</div>
					<div class="home-Photo-max-imgbox-code-botemm" onclick="routerClick()">
						<div class="home-Photo-max-imgbox-code-botemm-totie">北京郊游DAY*1</div>
					</div>
				</div>
				<div class="home-Photo-max-imgbox-code col-xs-6 col-sm-3 col-md-3 col-lg-3">
					<div class="home-Photo-max-imgbox-code-imgs">
						<img class="home-Photo-max-imgbox-code-img spotlight" src="img/rl.jpeg" />
					</div><!--  -->
					<div class="home-Photo-max-imgbox-code-botemm" onclick="routerClick()">
						<div class="home-Photo-max-imgbox-code-botemm-totie">北京郊游DAY*1</div>
					</div>
				</div>
				<div class="home-Photo-max-imgbox-code col-xs-6 col-sm-3 col-md-3 col-lg-3">
					<div class="home-Photo-max-imgbox-code-imgs">
						<img class="home-Photo-max-imgbox-code-img spotlight" src="img/hh.jpeg" />
					</div>
					<div class="home-Photo-max-imgbox-code-botemm" onclick="routerClick()">
						<div class="home-Photo-max-imgbox-code-botemm-totie">北京郊游DAY*1</div>
					</div>
				</div>
				<div class="home-Photo-max-imgbox-code col-xs-6 col-sm-3 col-md-3 col-lg-3">
					<div class="home-Photo-max-imgbox-code-imgs">
						<img class="home-Photo-max-imgbox-code-img spotlight" src="img/yg.jpeg" />
					</div>
					<div class="home-Photo-max-imgbox-code-botemm" onclick="routerClick()">
						<div class="home-Photo-max-imgbox-code-botemm-totie">北京郊游DAY*1</div>
					</div>
				</div>
			</div>
		</div>
		<div class="home-Photo container spotlight-group">
			<div class="home-Photo-max-totie" onclick="routerClick()">- 北京郊游 -</div>
			<div class="home-Photo-max-imgbox row">
				<div class="home-Photo-max-imgbox-code col-xs-6 col-sm-3 col-md-3 col-lg-3">
					<div class="home-Photo-max-imgbox-code-imgs">
						<img class="home-Photo-max-imgbox-code-img spotlight" src="img/cs.jpeg" />
					</div>
					<div class="home-Photo-max-imgbox-code-botemm" onclick="routerClick()">
						<div class="home-Photo-max-imgbox-code-botemm-totie">北京郊游DAY*1</div>
					</div>
				</div>
				<div class="home-Photo-max-imgbox-code col-xs-6 col-sm-3 col-md-3 col-lg-3">
					<div class="home-Photo-max-imgbox-code-imgs">
						<img class="home-Photo-max-imgbox-code-img spotlight" src="img/rl.jpeg" />
					</div><!--  -->
					<div class="home-Photo-max-imgbox-code-botemm" onclick="routerClick()">
						<div class="home-Photo-max-imgbox-code-botemm-totie">北京郊游DAY*1</div>
					</div>
				</div>
				<div class="home-Photo-max-imgbox-code col-xs-6 col-sm-3 col-md-3 col-lg-3">
					<div class="home-Photo-max-imgbox-code-imgs">
						<img class="home-Photo-max-imgbox-code-img spotlight" src="img/hh.jpeg" />
					</div>
					<div class="home-Photo-max-imgbox-code-botemm" onclick="routerClick()">
						<div class="home-Photo-max-imgbox-code-botemm-totie">北京郊游DAY*1</div>
					</div>
				</div>
				<div class="home-Photo-max-imgbox-code col-xs-6 col-sm-3 col-md-3 col-lg-3">
					<div class="home-Photo-max-imgbox-code-imgs">
						<img class="home-Photo-max-imgbox-code-img spotlight" src="img/yg.jpeg" />
					</div>
					<div class="home-Photo-max-imgbox-code-botemm" onclick="routerClick()">
						<div class="home-Photo-max-imgbox-code-botemm-totie">北京郊游DAY*1</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			function routerClick() {
				window.location.href = "details.html";
			}
		</script>
	</body>
</html>
